
$(function(){
	var Img=$(".box-bottom li"),
		Bg =$(".box-left img"),
		Fang=$(".box-right img");
	Img.hover(function(){
		Img.eq($(this).index()).css("border","2px solid #000");
		Bg.attr('src',$(this).find('img').attr('src'));
    	Fang.attr('src',$(this).find('img').attr('src'));
	},function(){
		Img.eq($(this).index()).css("border","");
	})

	// $(".Loupe")
	$(".box-left").hover(function(){
		$(".Loupe").css("display","block");
		$(".box-right").css("display","block");

	},function(){
		$(".Loupe").css("display","none");
		$(".box-right").css("display","none");
	})
	//移动
	$(".box-left").mousemove(function(e){
		console.log(e.pageX)
    	var 	
    		l = e.pageX-$(this).offset().left-58,
    		t = e.pageY-$(this).offset().top-58;
		if(l<0){
			l=0;
		}else if(l>313){
			l=313;
		}
		if(t<0){
			t=0;
		}else if(t>313)
		{
			t=313;
		}
		$('.Loupe').css({
			left:l,
			top:t
		});
		$('.big-img').css({
			top:-parseInt($('.Loupe').css('top'))/430*860+'px',
			left:-parseInt($('.Loupe').css('left'))/430*860+'px'
		});

	})

	//评论
	var i = 0,
			btns = $('.ui-page a');
		//判断如果是第一页，上一页消失
		judge();
		btns.slice(1,btns.length-1).on('click',function(){
			btns.slice(1,btns.length-1).removeClass();
			$(this).addClass('current');
			i=$(this).index()-1;
			ajax(i);
			judge();
			console.log(i)
		});
		btns.first().on('click',function(){
			if(i<0){
				return false;
			}else{
				i--;
			};
			btns.slice(1,btns.length-1).removeClass();
			btns.eq(i+1).addClass('current');
			judge();
			ajax(i);
			console.log(i)
		});
		btns.last().on('click',function(){
			if(i>=btns.length-3){
				return false;
			}else{
				i++;
			};
			btns.slice(1,btns.length-1).removeClass();
			btns.eq(i+1).addClass('current');
			judge();
			ajax(i);
		})
		ajax(i);
		function ajax(j){
			$.ajax({
				url:'http://sclub.jd.com/productpage/p-10394359548-s-0-t-5-p-'+j+'.html',
				type:'GET',
				dataType:'jsonp',
				jsonpCallback:'fetchJSON_comment98vv41',
				success:function(data){
					//console.log(data.comments[0].days)
					var allData=$('.comment-content>div').not($('.pr')),
						days = allData.find('span'),
						userRegisterTime = allData.find('.comment-time'),
						content = allData.find('.p-comment'),
						userLevelName = allData.find('.vip-level'),
						userClientShow = allData.find('.user-access'),
						nickname = allData.find('.user-item');
					days.each(function(i){
						$(this).html(data.comments[i].days)
					})
					userRegisterTime.each(function(i){
						$(this).html(data.comments[i].userRegisterTime)
					})
					content.each(function(i){
						$(this).html(data.comments[i].content)
					})
					userLevelName.each(function(i){
						$(this).html(data.comments[i].userLevelName)
					})
					userClientShow.each(function(i){
						$(this).html(data.comments[i].userClientShow)
					})
					nickname.each(function(i){
						$(this).html(data.comments[i].nickname)
					})
				}
			});
		};
		function judge(){
			if(btns.eq(1).attr('class')){
				$(btns.first().css('display','none'))
			}else if(btns.eq(1).attr('class')==""){
				$(btns.first().css('display',''))
			}
		}
		



















})

























